<template>
  <div id="app" class="main">
    <router-view />
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  mounted() {
    this.$router.push("/", () => {});
  },
};
</script>
<style lang="less" scoped>
.main {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  background-image: url(../public//back.jpg);
  transform: translateX(-50%) translateY(-50%);
}
</style>
